<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title></title>
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

    <style>
        html, body {
            height: 100%;
            width: 100%;
            padding: 0;
            margin: 0;
        }

        .gduo {
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 1; /** 如果设置为 2 则表示只显示2行 */
            -webkit-box-orient: vertical;
        }

        /*每个页面公共css */
        .detail .al-right {
            color: #999;

        }

        .detail .list {
            padding: 5px 0;
        }

        .bg-ff {
            background: #fff;
        }

        .content {
            /* height: 100vh; */
        }

        /*每个页面公共css */
        .col-333 {
            color: #333;
        }

        .pd-10 {
            padding: 10px;
        }

        .pd-20 {
            padding: 20px;
        }

        .pd-15 {
            padding: 15px;
        }

        .h-10 {
            height: 10px;
        }

        .fx {
            display: flex;
        }

        .fx-1 {
            flex: 1%;
        }

        .al-left {
            text-align: left;
        }

        .al-right {
            text-align: right;
        }

        .al-center {
            text-align: center;
        }

        .log .list {
            padding: 5px 0;
            font-size: 14px;
            border-bottom: 1px solid #efefef;
        }

        .log .list .text {
            color: #555;
        }

        .log .list:last-child {
            border-bottom: none;
        }

        p {
            /*padding: 5px 0;*/
        }

        .titlev {
            color: #555;
            font-size: 12px;
        }

        .titlev .lefio {
            width: 4px;
            height: 10px;
            float: left;
            /* display: block; */
            background: #60B2C0 100%;
            border-radius: 100px;

        }

        .top-bg {
            background: url('http://vontao.com:8056/bg.png');
            /* background:#f00; */
            background-repeat: no-repeat;
            background-position: top center;
            height: auto;
            background-size: cover;
            min-height: 210px;
            border-radius: 0 0 20px 20px;
        }

        .err-bg-f1 {
            background: rgb(249, 249, 249) 100%;
        }

        .err-div {
            background: rgb(249, 249, 249) 100%;
            border-radius: 10px;
            padding: 10px;
        }

        .err-h {
            height: 40px;
            border-radius: 10px;
            margin-bottom: 20px;
        }

        .err-bg-ff {
            background: #fff;
        }

        .err-img-10 {
            width: 220px;
            height: 210px;
            border-radius: 10px;
            margin-bottom: 20px;
        }

        .err-img-100 {
            width: 160px;
            height: 160px;
            border-radius: 100%;
            margin-bottom: 20px;
        }

        .border-top {
            border-top: 1px dashed #728392;
        }

        .top-car {
            padding: 20px 10px;
            background: #fff;
            text-align: center;
            font-size: 16px;
        }

        .bord-20 {
            border-radius: 20px;
        }

        .bord-10 {
            border-radius: 10px;
        }

        .bord-5 {
            border-radius: 5px;
        }

        .bord-15 {
            border-radius: 15px;
        }

        .fon-12 {
            font-size: 12px;
        }

        .fon-14 {
            font-size: 14px;
        }

        .fon-16 {
            font-size: 16px;
        }

        .fon-18 {
            font-size: 18px;
        }

        .z-color {
            color: #5699C3;
        }

        ,
        .t-color {
            color: #60B2C0 !important;
        }

        h5 {
            /*padding: 10px 0;*/
        }

        .type-color, h5 {
            color: #FD9F4B;
        }

        .a-color {
            color: #50B1EE;
        }

        * {
            color: #555;
        }

        .detail .images {
            width: 100px;
            display: inline-flex;
            margin-right: 10px;
            margin-top: 10px;
            height: 100px;
            border-radius: 5px;
            background: #d8d8d8;
            border: solid 1px #d8d8d8;
        }

        .detail a:nth-of-type(3n) .images {
            margin-right: 0px !important;
        }

        .t-nav {
            font-size: 12px;
            text-align: center;
            padding: 5px 7px;
            border-bottom: 1px solid none;
        }

        .t-active {
            color: #67BEA1;
            border-bottom: 1px solid #67BEA1;
        }

        .logo {
            width: 60px;
            height: 60px;
            border-radius: 100%;
            background: #d8d8d8;
            border: solid 1px #d8d8d8;
        }

        .none-err {
            color: #a6a6a6;
            text-align: center;
            padding: 20px 10px 50px 10px;
        }

        .jclixt .old-h {
            height: 10px;
            background: #f9f9f9;
            border-radius: 10px;
        }

        .jclixt:last-child .old-h {
            height: 0;
        }

        .index_div {
            padding: 10px;
        }

        .container {
            overflow: hidden;
            overflow-x: scroll;
            border-radius: 20px;
        }

        .flexBox {
            display: inline-flex;
            align-items: center;
            margin-bottom: 20px;
        }

        .flexBox:nth-last-child(1) {
            margin-bottom: unset
        }

        .flex_item {
            /*width:100px;*/
            /*height: 100px;*/
            text-align: center;
            padding: 5px;
            /*margin-right: 15px;*/
            border-radius: 10px;
            /*background: #ffe7cd;*/
            flex: 0 0 auto;
        }

        .flex_item:nth-last-child(1) {
            margin-right: unset;
        }

        .flex_item:last-child .cla {
            display: none;
        }
    </style>

</head>
<body>
<div id="app" style="background: #f8f8f8">
    <div class="herder">

    </div>
    <div class="content err-bg-f1">
        <div class="top-bg pd-25">
            <div class="pd-20 ">
                <div class="top-car bord-10 " style="padding: 10px 0  10px 0 ;">
                    <p class="fon-14">云南省地理标志产品追溯</p>
                    <p><b class="fon-18 z-color">{{formdata.code}}</b></p>
                    <div class=" border-top pd-10 fon-12 al-left ">
                        <div>
                            {{formdata.message}}
                        </div>
                    </div>
                    <!--                    <div class="al-center " @click="onwdm">-->
                    <!--                        <svg t="1695741636967" class="icon" viewBox="0 0 1024 1024" version="1.1"-->
                    <!--                             xmlns="http://www.w3.org/2000/svg" p-id="7620" width="30" height="30">-->
                    <!--                            <path d="M423.724138 459.034483a35.310345 35.310345 0 0 1-35.310345-35.310345V70.62069H70.62069v317.793103h176.551724a35.310345 35.310345 0 0 1 0 70.62069H35.310345a35.310345 35.310345 0 0 1-35.310345-35.310345V35.310345a35.310345 35.310345 0 0 1 35.310345-35.310345h388.413793a35.310345 35.310345 0 0 1 35.310345 35.310345v388.413793a35.310345 35.310345 0 0 1-35.310345 35.310345z"-->
                    <!--                                  fill="#FD9F4B" p-id="7621"></path>-->
                    <!--                            <path d="M151.834483 151.834483l155.365517 0 0 155.365517-155.365517 0 0-155.365517Z"-->
                    <!--                                  fill="#FD9F4B" p-id="7622"></path>-->
                    <!--                            <path d="M716.8 151.834483l155.365517 0 0 155.365517-155.365517 0 0-155.365517Z"-->
                    <!--                                  fill="#FD9F4B" p-id="7623"></path>-->
                    <!--                            <path d="M988.689655 459.034483h-211.862069a35.310345 35.310345 0 0 1 0-70.62069h176.551724V70.62069h-317.793103v353.103448a35.310345 35.310345 0 0 1-70.62069 0V35.310345a35.310345 35.310345 0 0 1 35.310345-35.310345h388.413793a35.310345 35.310345 0 0 1 35.310345 35.310345v388.413793a35.310345 35.310345 0 0 1-35.310345 35.310345z"-->
                    <!--                                  fill="#FD9F4B" p-id="7624"></path>-->
                    <!--                            <path d="M151.834483 716.8l155.365517 0 0 155.365517-155.365517 0 0-155.365517Z"-->
                    <!--                                  fill="#FD9F4B" p-id="7625"></path>-->
                    <!--                            <path d="M423.724138 1024H35.310345a35.310345 35.310345 0 0 1-35.310345-35.310345V600.275862a35.310345 35.310345 0 0 1 35.310345-35.310345h211.862069a35.310345 35.310345 0 0 1 0 70.62069H70.62069v317.793103h317.793103V600.275862a35.310345 35.310345 0 0 1 70.62069 0v388.413793a35.310345 35.310345 0 0 1-35.310345 35.310345zM600.275862 1024a35.310345 35.310345 0 0 1-35.310345-35.310345V600.275862a35.310345 35.310345 0 0 1 70.62069 0v388.413793a35.310345 35.310345 0 0 1-35.310345 35.310345zM988.689655 681.489655h-81.213793V635.586207H988.689655a35.310345 35.310345 0 0 0 0-70.62069h-116.524138a35.310345 35.310345 0 0 0-35.310345 35.310345v81.213793h-84.744827V600.275862a35.310345 35.310345 0 0 0-70.62069 0v116.524138a35.310345 35.310345 0 0 0 35.310345 35.310345H988.689655a35.310345 35.310345 0 0 0 0-70.62069zM988.689655 1024a35.310345 35.310345 0 0 1-35.310345-35.310345v-120.055172h-236.57931a35.310345 35.310345 0 0 1 0-70.62069H988.689655a35.310345 35.310345 0 0 1 35.310345 35.310345V988.689655a35.310345 35.310345 0 0 1-35.310345 35.310345zM716.8 1024a35.310345 35.310345 0 0 1-35.310345-35.310345v-38.841379a35.310345 35.310345 0 0 1 70.62069 0V988.689655a35.310345 35.310345 0 0 1-35.310345 35.310345z"-->
                    <!--                                  fill="#FD9F4B" p-id="7626"></path>-->
                    <!--                            <path d="M833.324138 1024a35.310345 35.310345 0 0 1-35.310345-35.310345v-38.841379a35.310345 35.310345 0 0 1 70.62069 0V988.689655a35.310345 35.310345 0 0 1-35.310345 35.310345z"-->
                    <!--                                  fill="#FD9F4B" p-id="7627"></path>-->
                    <!--                        </svg>-->
                    <!--                        <br>-->
                    <!--                        <span class="type-color">扫码验真</span>-->
                    <!--                    </div>-->
                </div>
            </div>

        </div>

        <div class="pd-10" style="padding-bottom: 0;">
            <div class="pd-10 bg-ff bord-5 detail">
                <h5 class="al-center fon-12">产品信息</h5>
                <div class="fx fon-14 list">
                    <div style="width: auto;">产品名称</div>
                    <div class="fx-1 al-right t-color ">{{formdata.product_info.data.name}}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">规格</div>
                    <div class="fx-1 al-right">{{formdata.product_info.data.specifications}}</div>
                </div>
                <!--                <div class="fx fon-14 list">-->
                <!--                    <div style="width: auto;">等级</div>-->
                <!--                    <div class="fx-1 al-right">{{formdata.grade.data ? formdata.grade.data.rank : '暂无'}}</div>-->
                <!--                </div>-->
                <div class="fx fon-14 list">
                    <div style="width: auto;">批号</div>
                    <div class="fx-1 al-right">{{formdata.batch_info.data.code}}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">生产日期</div>
                    <div class="fx-1 al-right">{{formdata.product_info.data.sc_time}}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">生产企业</div>
                    <div class="fx-1 al-right">{{formdata.company_info.data.name}}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">产地</div>
                    <div class="fx-1 al-right">{{formdata.product_info.data.characteristic_address}}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">产地介绍</div>
                    <div class="fx-1 al-right a-color gduo" @click="gduo = (gduo == false?true:false)">
                        {{gduo ? formdata.product_info.data.introduce : '收起 ▲'}}
                    </div>
                    <div style="width: auto;color: #aaa9a9;" v-if="gduo">{{gduo ? '▼' : '▲'}}</div>
                </div>
                <div class=" fon-14 list" v-if="gduo == false">
                    <div class="al-right" style="width: auto;text-align: left;">
                        {{formdata.product_info.data.introduce}}
                    </div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">产品特点</div>
                    <div class="fx-1 al-right a-color gduo" @click="gduo1 = (gduo1 == false?true:false)">
                        {{gduo1 ? formdata.product_info.data.characteristic : '收起 ▲'}}
                    </div>
                    <div style="width: auto;color: #aaa9a9;" v-if="gduo1">{{gduo1 ? '▼' : '▲'}}</div>
                </div>
                <div class=" fon-14 list" v-if="gduo1 == false">
                    <div class="al-right " style="width: auto;text-align: left;">
                        {{formdata.product_info.data.characteristic}}
                    </div>
                </div>
                <div class="h-10"></div>
                <div class="border-top " style="padding-top: 10px;">
                    <image class="images" @click="lookImg(index,formdata.product_info.data.images)"
                           v-for="(item,index) in formdata.product_info.data.images" :src="imgUrl+item.url" mode=""
                           :key="index"></image>
                </div>
            </div>
        </div>
        <!-- 地理标志 -->
        <div class="pd-10" v-if="Navlist.length>0 && (formdata.landmark_fruit.data || formdata.landmark_protect.data || formdata.landmark_trademark.data)" style="padding-bottom: 0;">
            <div class="pd-10 bg-ff bord-5 detail">
                <h5 class="al-center fon-12">地理标志信息</h5>
                <div class="fx">
                    <div class="fx-1 t-nav" :class="item.find == ontNavindex?'t-active':''" v-for="(item,index) in Navlist"
                         :key="index" @click="ontNav(item.find)">
                        {{item.name}}
                    </div>
                </div>
                <div class="h-10"></div>
                <div v-if="ontNavindex == 'landmark_protect'" >
                    <div v-if="formdata.landmark_protect.data">
                        <div class="fx fon-14 list">
                            <div style="width: auto;">地理标志保护产品名称</div>
                            <div class="fx-1 al-right t-color">{{formdata.landmark_protect.data.name}}</div>
                        </div>
                        <div class="fx fon-14 list">
                            <div style="width: auto;">批准公告号</div>
                            <div class="fx-1 al-right">{{formdata.landmark_protect.data.code}}</div>
                        </div>
                        <div class="fx fon-14 list">
                            <div style="width: auto;">批准公告时间</div>
                            <div class="fx-1 al-right">{{formdata.landmark_protect.data.ratify_time}}</div>
                        </div>
                        <div class="fx fon-14 list">
                            <div style="width: auto;">公告部门</div>
                            <div class="fx-1 al-right">{{formdata.landmark_protect.data.application_organ}}</div>
                        </div>

                        <div class="fx fon-14 list">
                            <div style="width: auto;">地理标志保护产品认证编号</div>
                            <div class="fx-1 al-right">{{formdata.landmark_protect.data.protection_code}}</div>
                        </div>
                        <div class="fx fon-14 list">
                            <div style="width: auto;">区域</div>
                            <div class="fx-1 al-right">{{formdata.landmark_protect.data.region}}</div>
                        </div>


                        <div class=" fon-14 list">
                            <div style="width: auto;">地理标志保护产品证书</div>
                        </div>
                        <div >

                            <div class="border-top " style="padding-top: 0px;">
                                <image @click="lookImg(inde,formdata.landmark_protect.data.image)" :key="inde"
                                       v-for="(img,inde) in formdata.landmark_protect.data.image" class="images"
                                       :src="imgUrl+img.url" mode=""></image>

                            </div>
                        </div>
                        <div class="h-10"></div>
                        <div class="titlev fx">
                            <div style="width: 8px;padding: 7px 0;padding-right: 10px;">
                                <span class="lefio"></span>
                            </div>
                            <div class="fx-1"><span class="title">保护范围</span></div>
                        </div>
                        <div class="h-10"></div>

                        <div>
                            {{formdata.landmark_protect.data.protection_range}}
                        </div>
                        <div class="h-10"></div>
                        <image @click="lookImg(inde,formdata.landmark_protect.data.protection_image)" :key="inde"
                               v-for="(img,inde) in formdata.landmark_protect.data.protection_image"
                               style="width: 100%;border-radius: 10px;border:1px solid #e4e4e4;" :src="imgUrl+img.url"
                               mode="">
                        </image>

                    </div>
                </div>
                <div v-if="ontNavindex == 'landmark_trademark'">
                    <div v-if="formdata.landmark_trademark.data">
                        <div class="fx fon-14 list">
                            <div style="width: auto;">地理标志商标名称</div>
                            <div class="fx-1 al-right t-color">{{formdata.landmark_trademark.data.name}}</div>
                        </div>
                        <div class="fx fon-14 list">
                            <div style="width: auto;">注册公告号</div>
                            <div class="fx-1 al-right">{{formdata.landmark_trademark.data.code}}</div>
                        </div>
                        
                        <div class="fx fon-14 list">
                            <div style="width: auto;">注册公告时间</div>
                            <div class="fx-1 al-right">{{formdata.landmark_trademark.data.register_time}}</div>
                        </div>
						<div class="fx fon-14 list">
                            <div style="width: auto;">区域</div>
                            <div class="fx-1 al-right">{{formdata.landmark_trademark.data.region}}</div>
                        </div>
                        <div class="fx fon-14 list">
                            <div style="width: auto;">公告部门</div>
                            <div class="fx-1 al-right">{{formdata.landmark_trademark.data.posit_organ}}</div>
                        </div>
						<div class="fx fon-14 list">
                            <div style="width: auto;">申请机构</div>
                            <div class="fx-1 al-right">{{formdata.landmark_trademark.data.application_organ}}</div>
                        </div>
                        <div class="" v-show="formdata.landmark_trademark.data.image.length>0">
                            <image @click="lookImg(inde,formdata.landmark_trademark.data.image)" :key="inde"
                                   v-for="(img,inde) in formdata.landmark_trademark.data.image" class="images"
                                   :src="imgUrl+img.url" mode=""></image>
                        </div>
                    </div>

                </div>
                <div v-if="ontNavindex == 'landmark_fruit'">
                    <div v-if="formdata.landmark_fruit.data">
                        <div class="fx fon-14 list">
                            <div style="width: auto;">农产品地理标志名称</div>
                            <div class="fx-1 al-right t-color">{{formdata.landmark_fruit.data.name}}</div>
                        </div>
                        <div class="fx fon-14 list">
                            <div style="width: auto;">注册公告号</div>
                            <div class="fx-1 al-right">{{formdata.landmark_fruit.data.code}}</div>
                        </div>
                        <div class="fx fon-14 list">
                            <div style="width: auto;">注册时间</div>
                            <div class="fx-1 al-right">{{formdata.landmark_fruit.data.register_time}}</div>
                        </div>
						<div class="fx fon-14 list">
                            <div style="width: auto;">公告部门</div>
                            <div class="fx-1 al-right">{{formdata.landmark_fruit.data.posit_organ}}</div>
                        </div>
						<div class="fx fon-14 list">
                            <div style="width: auto;">区域</div>
                            <div class="fx-1 al-right">{{formdata.landmark_fruit.data.region}}</div>
                        </div>
                        
                        <div class="fx fon-14 list">
                            <div style="width: auto;">保护范围</div>
                            <div class="fx-1 al-right " style="text-align:left !important;padding-left:20px">{{formdata.landmark_fruit.data.protection_range}}</div>
                        </div>
						
                        <div class="fx fon-14 list">
                            <div style="width: auto;">技术规范和标准</div>
                            <div class="fx-1 al-right">{{formdata.landmark_fruit.data.codes_and_standards}}</div>
                        </div>
						<div class="fx fon-14 list">
                            <div style="width: auto;">申请机构</div>
                            <div class="fx-1 al-right">{{formdata.landmark_fruit.data.application_organ}}</div>
                        </div>
                        <div class="" v-show="formdata.landmark_fruit.data.image.length>0">
                            <image @click="lookImg(inde,formdata.landmark_fruit.data.image)" :key="inde"
                                   v-for="(img,inde) in formdata.landmark_fruit.data.image" class="images"
                                   :src="imgUrl+img.url" mode=""></image>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!-- 分级 -->
        <div class="pd-10" v-if="formdata.grade.data" style="padding-bottom: 0;">
            <div class="pd-10 bg-ff bord-5 detail">
                <h5 class="al-center fon-12">地理标志产品分级信息</h5>
                <div class="fx fon-14 list">
                    <div style="width: auto;">分类等级</div>
                    <div class="fx-1 al-right z-color">{{formdata.grade.data.rank}}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">分级标准</div>
                    <div class="fx-1 al-right">{{formdata.grade.data.believe_measure}}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">分级认定部门</div>
                    <div class="fx-1 al-right">{{formdata.grade.data.believe_organ}}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">认定时间</div>
                    <div class="fx-1 al-right">{{formdata.grade.data.believe_time}}</div>
                </div>
                <div v-show="formdata.grade.data.image.length>0" >
                    <div class="h-10"></div>
                    <div class="border-top " >
                        <image @click="lookImg(inde,formdata.grade.data.image)" :key="inde"
                               v-for="(img,inde) in formdata.grade.data.image" class="images" :src="imgUrl+img.url"
                               mode=""></image>
                    </div>
                </div>

            </div>
        </div>
        <!-- 特色原产地产品等级 -->
        <div class="pd-10" v-if="formdata.flavour.data" style="padding-bottom: 0;">
            <div class="pd-10 bg-ff bord-5 detail">
                <h5 class="al-center fon-12">特色原产地产品等级</h5>
                <div class="fx fon-14 list">
                    <div style="width: auto;">特色原产地产品名称</div>
                    <div class="fx-1 al-right z-color">{{formdata.product_info.data.name}}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">特色原产地产品等级</div>
                    <div class="fx-1 al-right z-color">{{formdata.flavour.data.name}}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">认定机构</div>
                    <div class="fx-1 al-right">{{formdata.flavour.data.believe_organ}}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">认定时间</div>
                    <div class="fx-1 al-right">{{formdata.flavour.data.believe_time}}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">特色原产地产品等级证书</div>
                </div>
                <div v-show="formdata.flavour.data.image.length>0" >
                    <div class="h-10"></div>
                    <div class="border-top " >
                        <image @click="lookImg(inde,formdata.flavour.data.image)" :key="inde"
                               v-for="(img,inde) in formdata.flavour.data.image" class="images" :src="imgUrl+img.url"
                               mode=""></image>
                    </div>
                </div>

            </div>
        </div>
        <!-- 生长过程 -->
        <div class="pd-10" v-if="formdata.process_1_list.data && formdata.process_1_list.data.length>0"
             style="padding-bottom: 0;">
            <div class="pd-10 bg-ff bord-5 detail">
                <h5 class="al-center fon-12">生长过程</h5>
                <div class="container">
                    <div class="flexBox">
                        <div class="flex_item" @click="toGrowDetail(item)" :key="index"
                             v-for="(item,index) in formdata.process_1_list.data">

                            <div class="fx">
                                <div class="fx-1" style="width: auto;">
                                    <image class="images" style="margin: 0;border-radius: 100%;"
                                           :src="imgUrl+item.image[0].url" mode=""></image>
                                </div>
                                <div class=" cla" style="">
                                    <div class="" style="width: auto;padding:48px 0px 48px 10px;">
                                        <div style="width: 40px;height:4px;background: #5FAFC3;border-radius: 50px;"></div>
                                    </div>
                                </div>
                            </div>
                            <div style="width: 100px;font-size: 12px;text-align: center">
                                {{item.name}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 生产过程 -->
        <div class="pd-10" v-if="formdata.process_2_list && formdata.process_2_list.data.length>0"
             style="padding-bottom: 0;">
            <div class="pd-10 bg-ff bord-5 detail">
                <h5 class="al-center fon-12">生产过程</h5>
                <div class="container">
                    <div class="flexBox">
                        <div class="flex_item" @click="toGrowDetail(item)" :key="index"
                             v-for="(item,index) in formdata.process_2_list.data">

                            <div class="fx">
                                <div class="fx-1" style="width: auto;">
                                    <image class="images" style="margin: 0;border-radius: 100%;"
                                           :src="imgUrl+item.image[0].url" mode=""></image>
                                </div>
                                <div class=" cla" style="">
                                    <div class="" style="width: auto;padding:48px 0px 48px 10px;">
                                        <div style="width: 40px;height:4px;background: #5FAFC3;border-radius: 50px;"></div>
                                    </div>
                                </div>
                            </div>
                            <div style="width: 100px;font-size: 12px;text-align: center">
                                {{item.name}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 产品监测 -->
        <div class="pd-10" v-show="formdata.proof_list.data && formdata.proof_list.data.length>0"
             style="padding-bottom: 0;">
            <div class="pd-10 bg-ff bord-5 detail">
                <h5 class="al-center fon-12">产品检测信息</h5>
                <div class=" jclixt" v-for="(item,index) in formdata.proof_list.data" :key="index">
                    <div class="fx fon-14 list">
                        <div style="width: auto;">检测机构</div>
                        <div class="fx-1 al-right">{{item.organ}}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">检测类型</div>
                        <div class="fx-1 al-right">{{item.type_name}}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">检测编号</div>
                        <div class="fx-1 al-right">{{item.code}}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">检测时间</div>
                        <div class="fx-1 al-right">{{item.proof_time}}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">检测结果</div>
                        <div class="fx-1 al-right z-color">{{item.result == 1 ? '合格' : '不合格'}}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">检测批次</div>
                        <div class="fx-1 al-right z-color">{{formdata.batch_info.data.code}}</div>
                    </div>
                    <div v-if="item.ls_is">
                        <div class="fx fon-14 list">
                            <div style="width: auto;">绿色食品等级</div>
                            <div class="fx-1 al-right z-color">{{item.ls_dj}}</div>
                        </div>
                    </div>
                    <div class=" fon-14 list">
                        <div style="width: auto;"><span v-if="item.images">检测报告</span><span
                                v-if="item.ls_is">、绿色食品等级证书</span><span v-if="item.yj_is">、有机产品认证证书</span></div>
                    </div>
                    <div  v-show="proof_images.length>0">
                        <div class="h-10"></div>
                        <div class=" fon-14  border-top">
                            <image @click="lookImg(inde,proof_images[index])" :key="inde"
                                   v-for="(img,inde) in proof_images[index]" class="images" :src="imgUrl+img.url"
                                   mode=""></image>
                        </div>
                        <div class="h-10"></div>
                        <div class="old-h" style=""></div>
                        <div class="h-10"></div>
                    </div>

                </div>
            </div>
        </div>
        <!-- 投保信息 -->
        <div class="pd-10" v-if="formdata.insure_info.data" style="padding-bottom: 0;">
            <div class="pd-10 bg-ff bord-5 detail">
                <h5 class="al-center fon-12">投保信息</h5>
                <div class="fx fon-14 list">
                    <div style="width: auto;">投保人</div>
                    <div class="fx-1 al-right z-color">{{formdata.insure_info.data.applicant}}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">被保险人</div>
                    <div class="fx-1 al-right z-color">{{formdata.insure_info.data.assured}}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">承保人</div>
                    <div class="fx-1 al-right z-color">{{formdata.insure_info.data.insurer}}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">保险方案</div>
                    <div class="fx-1 al-right z-color">{{formdata.insure_info.data.programme}}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">保单号</div>
                    <div class="fx-1 al-right z-color">{{formdata.insure_info.data.programme_code}}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">承保起期</div>
                    <div class="fx-1 al-right z-color">
                        {{formdata.insure_info.data.open_time}}-{{formdata.insure_info.data.end_time}}
                    </div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">承保产品</div>
                    <div class="fx-1 al-right z-color">{{formdata.product_info.data.name}}</div>
                </div>
                <div v-show="formdata.insure_info.data.images.length>0">
                    <div class="h-10"></div>
                    <div class="border-top " >
                        <image @click="lookImg(inde,formdata.insure_info.data.images)" :key="inde"
                               v-for="(img,inde) in formdata.insure_info.data.images" class="images" :src="imgUrl+img.url"
                               mode=""></image>
                    </div>

                </div>

            </div>
        </div>

        <!-- 企业信息 -->
        <div class="pd-10" v-if="formdata.company_info.data" style="padding-bottom: 0;">
            <div class="pd-10 bg-ff bord-5 detail">
                <h5 class="al-center fon-12">企业信息</h5>
                <div class="fx list">
                    <image :src="imgUrl+formdata.company_info.data.logo" class="logo" mode=""></image>
                    <div class=" fon-14  fx-1 z-color " style="padding-left: 10px;">
                        <div class=" list fon-16">{{formdata.company_info.data.name}}</div>
                        <div class=" list">
                            {{formdata.company_info.data.phone ? formdata.company_info.data.phone : '暂无'}}
                        </div>
                    </div>
                </div>

                <div class="fx fon-14 list">
                    <div style="width: auto;">统一社会信用代码</div>
                    <div class="fx-1 al-right">{{formdata.company_info.data.credit_code}}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">企业类型</div>
                    <div class="fx-1 al-right">{{formdata.company_info.data.company_type}}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">法定代表人</div>
                    <div class="fx-1 al-right">{{formdata.company_info.data.corporation}}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">生产/经营许可证号</div>
                    <div class="fx-1 al-right">{{formdata.company_info.data.license_code}}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">生产经营地</div>
                    <div class="fx-1 al-right">{{formdata.company_info.data.business_address}}</div>
                </div>
            </div>
        </div>


    </div>
</div>


<script>
    const {createApp, ref} = Vue
    createApp({
        data() {
            return {
                title: 'Hello',

                Navlist: [],
                ontNavindex:'landmark_protect',
                gduo: true,
                gduo1: true,

                formdata: {
                    traceability_info:{name:'',data:null},
                    product_info:{name:'',data:null},
                    company_info:{name:'',data:null},
                    batch_info:{name:'',data:null},
                    proof_list:{name:'',data:null},
                    insure_info:{name:'',data:null},
                    process_1_list:{name:'',data:null},
                    process_2_list:{name:'',data:null},
                    grade:{name:'',data:null},
                    landmark_fruit:{name:'',data:null},
                    landmark_protect:{name:'',data:null},
                    landmark_trademark:{name:'',data:null},
                    flavour:{name:'',data:null},
                    code:'',
                    message:'',
                },
                form: {
                    name: 'vcc'
                },
                ncpdlbz_data: {},
                szgcList: [
                    // {id:1,name:"111",img:'@/static/logo.png'},
                    // {id:1,name:"222",img:'@/static/logo.png'},
                    // {id:1,name:"333",img:'@/static/logo.png'},
                    // {id:1,name:"育苗",img:'@/static/logo.png'},
                    // {id:1,name:"555",img:'@/static/logo.png'},
                ],
                scgcList: [],
                proof_images: [],
                wdmOk: false,
                imgUrl: 'storage/',
                lodin: false
            }
        },
        watch: {
            code: {
                handler(newName, oldName) {
                    console.log(newName, oldName, '变化')
                },
                // 如果设置了false，那么在页面第一次渲染以后不会触发侦听器
                immediate: true,
                deep: true
            }
        },
        onshow(opc){

        },
        created() {
            // await this.getinfo()ser
            const str = window.location.search
            const afterSubstring = str.slice(3);
            axios.get('/applet/index/getC?c='+afterSubstring).then(response => {
                this.formdata = response.data.data
                var data = response.data.data
                if(data.proof_list.data && data.proof_list.data.length>0){
                    var  proof_list = data.proof_list.data
                    for(var i in proof_list){
                        var images = proof_list[i].images.length>0?proof_list[i].images:[]
                        var ls_dj_images = proof_list[i].ls_dj_images.length>0?proof_list[i].ls_dj_images:[]
                        ls_dj_images = images.concat(ls_dj_images)
                        var yj_images = proof_list[i].yj_images.length>0?proof_list[i].yj_images:[]
                        this.proof_images[i] =  ls_dj_images.concat(yj_images)
                    }
                    this.Navlist = [];
					//那所有产品的默认排序是：1“地理标志保护产品”、2“农产品地理标志”、3“地理标志证明商标”
                    // : ['农产品地理标志', '地理标志商标', '地理标志保护产品'],
                    //: ['地理标志保护产品', '地理标志商标', '农产品地理标志'],
                    if(data.landmark_protect.data){
                        this.Navlist.push({
                            find:data.landmark_protect.find,
                            name:data.landmark_protect.name
                        })
                    }
                    
                    if(data.landmark_fruit.data){
                        this.Navlist.push({
                            find:data.landmark_fruit.find,
                            name:data.landmark_fruit.name
                        })
                    }
					if(data.landmark_trademark.data){
                        this.Navlist.push({
                            find:data.landmark_trademark.find,
                            name:data.landmark_trademark.name
                        })
                    }

                    if(this.Navlist && this.Navlist.length>0){
                        this.ontNavindex = this.Navlist[0].find
                    }
                    console.log(this.ontNavindex)



                    //: ['农产品地理标志', '地理标志商标', '地理标志保护产品'],
                }
            })
        },
        methods: {


            lookImg(index, list) {
                window.open(this.imgUrl+list[index].url, '_blank');
            },
            onwdm() {
                uni.showToast({
                    title: '需下载第三方APP进行验真',
                    icon: 'none'
                })
            },
            ontNav(e) {
                this.ontNavindex = e
            },
            toGrowDetail(item) {
                // console.log(item,'--')
                uni.navigateTo({
                    url: '/pages/process/detail?data=' + JSON.stringify(item)
                })
            }
        }

    }).mount('#app')
</script>
</body>
</html>